<!DOCTYPE html>
<html>
<head>
	<title>商城首页</title>
	<meta charset="utf-8">
    <script type="text/javascript">
        if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
            var version = parseFloat(RegExp.$1);
            if (version > 2.3) {
                var phoneScale = parseInt(window.screen.width) / 750;
                document.write('<meta name="viewport" content="width=750,minimum-scale=' + phoneScale + ',maximum-scale=' + phoneScale + ',target-densitydpi=device-dpi">');
            } else {
                document.write('<meta name="viewport" content="width=750,target-densitydpi=device-dpi">');
            }
        } else {
            document.write('<meta name="viewport" content="width=750,user-scalable=no,target-densitydpi=device-dpi,minimal-ui">');
        }
    </script>
    <link rel="stylesheet" type="text/css" href="../css/index.css">
    <link rel="stylesheet" type="text/css" href="../css/common.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
</head>
<body>
<div class="wrap">
	<section class="sellType clearfix">
		<ul class="sellList" id="sellList">
			<li class="active grey2"><span></span><a href="javascript:;">爱玩书</a></li>
			<li class="grey2"><span></span><a href="javascript:;">宝宝图书宝</a></li>
			<li class="grey2"><span></span><a href="javascript:;">座椅童年</a></li>
			<li class="grey2"><span></span><a href="javascript:;">食品饮料</a></li>
			<li class="grey2"><span></span><a href="javascript:;">宝宝图书宝</a></li>
			<li class="grey2"><span></span><a href="javascript:;">座椅童年</a></li>
			<li class="grey2"><span></span><a href="javascript:;">食品饮料</a></li>
			<li class="grey2"><span></span><a href="javascript:;">座椅童年</a></li>
			<li class="grey2"><span></span><a href="javascript:;">食品饮料</a></li>
			<li class="grey2"><span></span><a href="javascript:;">宝宝图书宝</a></li>
			<li class="grey2"><span></span><a href="javascript:;">座椅童年</a></li>
			<li class="grey2"><span></span><a href="javascript:;">食品饮料</a></li>
		</ul>
		<div class="sellCon" style="display: block;" id="sellCon">
			<div class="sellConList clearfix">
				<div class="sellConList01">
					<a href="#"><img src="../images/list01.jpg"></a>
<a  href="#" style="height: 70px; display: inline-block;"><p>爱玩书第一阶段2-4岁 </p>折合每天仅4.3元。</a>
					<p><small>￥</small>1580<span class="grey s6"><small>￥</small>1580</span></p>
					<p>10人已付款</p>
				</div>

			</div>
		<div class="more textRight"><a href="javascript:;">查看更多商品>></a></div>
		</div>
		<div class="sellCon">
			<div class="sellConList clearfix">
				<div class="sellConList01">
					<a href="#"><img src="../images/list01.jpg"></a>
					<a href="#"><p class="clos">爱玩书第一阶段2-4岁 折合每天仅4.3元。</p></a>
					<p><span  class="pink"><small class="f1">悠</small>1580</span><span class="exclusive">悠币专享</span></p>
					<p><span><small>￥</small>1580</span><span class="grey s6"><small>￥</small>1580</span></p>
					<p>10人已付款</p>
				</div>
				<div class="sellConList01">
					<a href="#"><img src="../images/list01.jpg"></a>
					<p class="opdd"><a href="#">爱玩书第一阶段2-4岁 折合每天仅4.3元。</a></p>
					<p><span  class="pink"><small class="f1">悠</small>1580</span><span class="exclusive">悠币专享</span></p>
					<p><span><small>￥</small>1580</span><span class="grey s6"><small>￥</small>1580</span></p>
					<p>10人已付款</p>
				</div>
				<div class="sellConList01">
					<a href="#"><img src="../images/list01.jpg"></a>
					<p class="opdd"><a href="#">爱玩书第一阶段2-4岁 折合每天仅4.3元。</a></p>
					<p><span  class="pink"><small class="f1">悠</small>1580</span><span class="exclusive">悠币专享</span></p>
					<p><span><small>￥</small>1580</span><span class="grey s6"><small>￥</small>1580</span></p>
					<p>10人已付款</p>
				</div>
				<div class="sellConList01">
					<a href="#"><img src="../images/list01.jpg"></a>
					<p class="opdd"><a href="#">爱玩书第一阶段2-4岁 折合每天仅4.3元。</a></p>
					<p><span  class="pink"><small class="f1">悠</small>1580</span><span class="exclusive">悠币专享</span></p>
					<p><span><small>￥</small>1580</span><span class="grey s6"><small>￥</small>1580</span></p>
					<p>100人已付款</p>
				</div>
			</div>
		</div>
		<div class="sellCon">
			<div class="sellConList clearfix">
				<div class="sellConList01">
					<a href="#"><img src="../images/list01.jpg"></a>
					<p class="opdd"><a href="#">爱玩书第一阶段2-4岁 折合每天仅4.3元。</a></p>
					<p><span  class="pink"><small class="f1">悠</small>1580</span><span class="exclusive">悠币专享</span></p>
					<p><span><small>￥</small>1580</span><span class="grey s6"><small>￥</small>1580</span></p>
					<p>10人已付款</p>
				</div>
				<div class="sellConList01">
					<a href="#"><img src="../images/list01.jpg"></a>
					<p class="opdd"><a href="#">爱玩书第一阶段2-4岁 折合每天仅4.3元。</a></p>
					<p><span  class="pink"><small class="f1">悠</small>1580</span><span class="exclusive">悠币专享</span></p>
					<p><span><small>￥</small>1580</span><span class="grey s6"><small>￥</small>1580</span></p>
					<p>10人已付款</p>
				</div>
				<div class="sellConList01">
					<a href="#"><img src="../images/list01.jpg"></a>
					<p class="opdd"><a href="#">爱玩书第一阶段2-4岁 折合每天仅4.3元。</a></p>
					<p><span  class="pink"><small class="f1">悠</small>1580</span><span class="exclusive">悠币专享</span></p>
					<p><span><small>￥</small>1580</span><span class="grey s6"><small>￥</small>1580</span></p>
					<p>10人已付款</p>
				</div>
				<div class="sellConList01">
					<a href="#"><img src="../images/list01.jpg"></a>
					<p class="opdd"><a href="#">爱玩书第一阶段2-4岁 折合每天仅4.3元。</a></p>
					<p><span  class="pink"><small class="f1">悠</small>1580</span><span class="exclusive">悠币专享</span></p>
					<p><span><small>￥</small>1580</span><span class="grey s6"><small>￥</small>1580</span></p>
					<p>100人已付款</p>
				</div>
			</div>
		</div>
		<div class="sellCon">
			<div class="sellConList clearfix">
				<div class="sellConList01">
					<a href="#"><img src="../images/list01.jpg"></a>
<a  href="#" style="height: 70px; display: inline-block;"><p>爱玩书第一阶段2-4岁 </p>折合每天仅4.3元。</a>
					<p><span  class="pink"><small class="f1">悠</small>1580</span><span class="exclusive">悠币专享</span></p>
					<p><span><small>￥</small>1580</span><span class="grey s6"><small>￥</small>1580</span></p>
					<p>10人已付款</p>
				</div>
				<div class="sellConList01">
					<a href="#"><img src="../images/list01.jpg"></a>
					<a  href="#" style="height: 70px; display: inline-block;"><p>爱玩书第一阶段2-4岁 </p>折合每天仅4.3元。</a>
					<p><span  class="pink"><small class="f1">悠</small>1580</span><span class="exclusive">悠币专享</span></p>
					<p><span><small>￥</small>1580</span><span class="grey s6">1580</span></p>
					<p>10人已付款</p>
				</div>
				<div class="sellConList01">
					<a href="#"><img src="../images/list01.jpg"></a>
					<p class="opdd"><a href="#">爱玩书第一阶段2-4岁 折合每天仅4.3元。</a></p>
					<p><span  class="pink"><small class="f1">悠</small>1580</span><span class="exclusive">悠币专享</span></p>
					<p><span><small>￥</small>1580</span><span class="grey s6"><small>￥</small>1580</span></p>
					<p>10人已付款</p>
				</div>
			</div>
			<div class="more textRight"><a href="javascript:;">查看更多商品>></a></div>
		</div>
	</section>
	<section>
		
	</section>
</div>
<footer class="hasfixed clearfix">
	<div class="dh">
		<a href="#" class="borderRight">首页</a>
		<a href="#" class="borderRight">全部订单</a>
		<a href="#">购物车<span class="oNum">10</span></a>
	</div>
</footer>
<script src="../js/swiper.min.js"></script>
<script type="text/javascript">
var oUl=document.getElementById("sellList");
var oLi=oUl.getElementsByTagName("li");
var iNum=oLi.length;
var oDiv=document.getElementsByClassName("sellCon");
var osellType=document.getElementsByClassName('sellType')[0].offsetHeight;

for(var i=0;i<oLi.length;i++){
      oLi[i].index=i;
      oLi[i].onclick=function(){
      	for(var j=0;j<oDiv.length;j++){
      		oDiv[j].style.display="none";
      		oLi[j].className="grey2";
      	}
       oDiv[this.index].style.display="block";
       this.className="active";
       this.setAttribute("idvalue","me"+this.index);
       oDiv[this.index].setAttribute("idvalue","me"+this.index)
      }
}
function lineHeight(ali){
	var Len=ali.getElementsByTagName('a')[0].innerHTML;
	if(Len.length>7){
		ali.style.lineHeight="60px";
	}else{
		ali.style.lineHeight="120px";
	}
}
function line(){
	for(var i=0;i<oLi.length;i++){
		lineHeight(oLi[i]);
	}
}
line()
function view() {
    return {
        w: document.documentElement.clientWidth,
        h: document.documentElement.clientHeight
    };
}

var mySwiper = new Swiper('.swiper-container',{
   loop:true,
   pagination : '.swiper-pagination',
   paginationClickable :true,
   autoplay: 2500,
   autoplayDisableOnInteraction: false
  });
</script>

</body>
</html>